$(function () {
  $('#treed').on('click', function (e) {
    e.preventDefault()
    $('.denglu').hide()
    $('.zhuce').show()
  });
  $('#tre').on('click', function (e) {
    e.preventDefault()
    $('.zhuce').hide()
    $('.denglu').show()
  });
  let form = layui.form
  let layer = layui.layer;
  form.verify({
    username: function (value, item) { //value：表单的值、item：表单的DOM对象
      if (!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
        return '用户名不能有特殊字符';
      }
      if (/(^\_)|(\__)|(\_+$)/.test(value)) {
        return '用户名首尾不能出现下划线\'_\'';
      }
      if (/^\d+\d+\d$/.test(value)) {
        return '用户名不能全为数字';
      }
    },
    pass: [/^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'],
    pwd: function (val) {
      let stre = $('#gred').val().trim()
      if (stre != val) {
        return '不对'
      }
    }
  })
  //注册页面
  $('#grass').on('submit', function (e) {
    e.preventDefault();
    let username = $('#grass [name=username]').val()
    let password = $('#grass [name=password]').val()
    console.log(username, password);
    $.ajax({
      type: "post",
      url: "http://www.liulongbin.top:3007/api/reguser",
      data: {
        username,
        password
      },
      success: function (res) {
        if (res.status != 0) {
          return layer.msg(res.message);
        }
        layer.msg('注册成功，请登录！')
        // 模拟人的点击行为
        $('#tre').click()
      }
    });
  });
  // 登录页面
  $('#gress').on('submit', function (e) {
    e.preventDefault();
    let str = $(this).serialize()//serialize() 方法通过序列化表单值创建 URL 编码文本字符串。
    console.log(str);
    $.ajax({
      type: "post",
      url: "http://www.liulongbin.top:3007/api/login",
      data: str,
      success: function (res) {
        console.log(res);
        if (res.status != 0) {
          return layer.msg(res.message);
        }
        layer.msg('登录成功')
        // 保存token
        localStorage.setItem('token', res.token)
        location.href = '/index.html'
      }
    });
  });


})